<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		h1{
			text-align: center;
			margin-top: 300px;
			color:white;
		}
	</style>
</head>
<body>
	<h1>#4d0b4a</h1>

	<script>
		// 要求
		// 随机十六进制颜色值
		// 颜色值需要设置到某个标签的内容中
		// 改变网页背景颜色
		// 定时器 每隔改变一次颜色值,标签内容,网页背景颜色

		// 封装一个改变网页背景颜色的函数
		function changeBgColor(){
			// number对象. toString( 进制数 ) 把指定的数字转成指定进制数

			// 随机十六进制颜色字符串
			var colorStr = "#" + Math.random().toString( 16 ).substr(2, 6 );
			// 获取h1的dom对象
			var objH1 = document.querySelector("h1");
			// 设置h1的标签内容
			objH1.innerText = colorStr;
			// 设置网页背景颜色
			document.body.style.backgroundColor = colorStr;
		}

		// 手动调用changeBgColor一次,为了打开网页马上看到一次效果
		changeBgColor();

		// 开启定时器
		setInterval( changeBgColor , 1000 );
	</script>
</body>
</html>